<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本计价</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body class="bg-light">
<div class="container mt-5">
    <div class="row justify-content-center">
        <!-- 包含侧边栏 -->
        {{template "sidebar.html"}}
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h1 class="text-center mb-4">文本计价</h1>
                    <form action="/calculate" method="post" enctype="multipart/form-data">
                        <div class="form-group">
                            <label for="file1">请上传需要计算的账号清单：</label>
                            <input type="file" class="form-control-file" name="file1" required>
                        </div>
<!--                        <div class="form-group">-->
<!--                            <label for="file2">请更新价目表：</label>-->
<!--                            <input type="file" class="form-control-file" name="file2" required>-->
<!--                        </div>-->
<!--                        <div class="form-group">-->
<!--                            <label for="text1">自定义定价策略：</label>-->
<!--                            <input type="text" class="form-control-file" name="text1" required>-->
<!--                        </div>-->
                        <button type="submit" class="btn btn-success btn-block">计价</button>
                    </form>
                    {{ if .ShowResult }}
                    <div class="mt-4">
                        <h2 class="text-center mb-4">计价结果</h2>
                        <p class="lead">价格: {{.Price}}</p>
                    </div>
                    {{ end }}
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
